<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2024/6/18
  Time: 8:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
    <style>
        .formFrame{
            padding: 20px;
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 5px;
            max-width: 400px;
            margin: 0 auto 0 auto;
        }
        .formFrame h3 {
            text-align: center;
            margin-bottom: 20px;
        }
        span {
            display: block;
            margin-bottom: 10px;
        }
        input[type="text"],
        input[type="email"],
        input[type="password"] {
            width: 95%;
            padding: 10px;
            border-radius: 3px;
            border: 1px solid #ccc;
            margin-bottom: 15px;
            font-size: 16px;
        }
        input[type="submit"] {
            /*background-color: #ed9810;*/
            background-color: black;
            color: #fff;
            border: none;
            padding: 12px;
            font-size: 16px;
            border-radius: 3px;
            cursor: pointer;
        }

    </style>
</head>
<body>
<div class="formFrame">
    <form action="UserLoginServlet" method="post" id="loginform">
        <div>
            <h3>用户登录</h3>
            ${noLoginInfo}
            <div>
                <span>用户名<label style="color: red;">*</label> </span>
                <input type="text" name="loginName" title="登录名" placeholder="请输入用户名" required="required">
            </div>
            <div>
                <span>密码<label style="color: red;">*</label> </span>
                <input type="password" name="password" title="密码" placeholder="请输入密码" required="required">
            </div>
            <div>${loginError}</div>
        </div>
        <div style="text-align: center;">
            <input type="submit" value="登录">
        </div>
    </form>
    <div style="text-align: center">未注册？请先去<a href="register.jsp" style="text-decoration: none;color: green;margin-top: 10px">注册</a></div>
</div>
</body>
</html>

